@charset "utf-8";

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
input {
    margin: 0;
    padding: 0
}
img{
	display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: normal;
    line-height: 1
}

li {
    list-style: none
}

a {
    text-decoration: none;
    color: inherit
}

label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.clearfix:after {
    content: "";
    height: 0;
    font-size: 0;
    display: block;
    clear: both
}

.t_h {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hide {
    display: none
}

.fl {
    float: left
}

.fr {
    float: right
}

html {
    width: 100%;
    overflow-x: hidden
}

body {
    font-family: "Microsoft YaHei", "sans-serif"
}

.font_yy {
    font-family: "YouYuan", "sans-serif"
}

.hide_text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent
}

.iconfont {
    color: inherit;
    -webkit-transition: .4s;
    transition: .4s
}

@font-face {
    font-family: "HelveticaNeue";
    src: url('../fonts/HelveticaNeueLTPro-ThEx.otf')
}

.wrapper {
    width: 100%;
    max-width: 1920px;
    min-width: 320px;
    margin: 0 auto;
    -webkit-transition: -webkit-transform 600ms;
    transition: -webkit-transform 600ms;
    transition: transform 600ms;
    transition: transform 600ms, -webkit-transform 600ms
}

.wrap {
    max-width: 1200px;
    margin: 0 auto
}

.wrap1400 {
    max-width: 1400px;
    margin: 0 auto
}

.wrap1600 {
    max-width: 1600px;
    margin: 0 auto
}

.wrap_auto {
    width: 95%;
    margin-left: 2.5%
}

@media (max-width:1600px) {
    .wrap1600 {
        width: 95%;
        margin-left: 2.5%
    }
}

@media (max-width:1400px) {
    .wrap1400 {
        width: 95%;
        margin-left: 2.5%
    }
}

@media (max-width:1200px) {

    .wrap,
    .wrap_full {
        width: 95%;
        margin-left: 2.5%
    }
}

.iconfont {
    color: inherit;
    display: inline-block
}

.algin_left {
    text-align: left !important
}

.algin_center {
    text-align: center !important
}

.algin_right {
    text-align: right !important
}

.header {
    width: 100%
}

.header .main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999
}

.header .h1 {
    height: 100%;
    width: auto;
    display: inline-block;
    float: left;
    color: transparent;
    line-height: 99;
    overflow: hidden
}

.header .box,
.header .nav {
    height: 100%
}

.header .logo {
    background-size: 100% auto;
    display: block;
    height: 100%;
    background-position: 0 center;
    background-repeat: no-repeat;
    float: left
}

.header .nav {
    float: right
}

.header .a {
    display: block
}

.header .clearfix {
    width: 100%
}

@media (min-width:1200px) {
    .header .main {
        will-change: transform
    }

    .header .wrap .h1 {
        padding-left: 0;
        margin-left: 0
    }

    .header .wrap .list {
        padding-right: 0;
        margin-right: 0
    }
}

.title_box {
    width: 100%;
    padding-top: 85px
}

.title_box>.cn {
    color: #444;
    font-size: 26px
}

.title_box>.en {
    color: #a1a1a1;
    font-size: 14px;
    margin-top: 5px
}

.date,
.date_s,
.en,
.ffh {
    font-family: "HelveticaNeue", "Microsoft Yahei"
}


.Prolist .cn,
.Prolist .en {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 0
}

.Prolist .item .cn {
    margin-top: 20px;
    font-size: 16px;
    color: #787878
}

.Prolist .item .en {
    margin-top: 15px;
    font-size: 12px;
    color: #a1a1a1
}

.Prolist .item:hover {
    z-index: 98
}

@media (max-width:1200px) {
    .Prolist .title_box {
        padding-top: 50px
    }

    .Prolist .item .cn {
        margin-top: 12px;
        font-size: 14px
    }

    .Prolist .item .en {
        margin-top: 5px;
        font-size: 12px
    }
}

@media (max-width:500px) {
    .Prolist {
        padding-bottom: 20px
    }

    .Prolist .title_box>.cn {
        font-size: 18px
    }

    .Prolist .title_box>.en {
        font-size: 12px
    }

    .Prolist .tabs {
        margin-top: 15px !important
    }

    .Prolist .list_box {
        margin-top: 30px !important
    }

    .Prolist .item .cn {
        margin-top: 10px;
        font-size: 14px
    }

    .Prolist .item .en {
        margin-top: 0;
        font-size: 12px
    }
}

.Newlist {
    line-height: 1
}

.Newlist .tit {
    color: #444;
    font-size: 16px;
    line-height: 1.5
}

.Newlist .text {
    font-size: 12px;
    color: #a1a1a1;
    line-height: 22px;
    margin-top: 20px
}


@media (max-width:500px) {
    .Newlist .tit {
        font-size: 14px
    }

    .Newlist .title_box>.cn {
        font-size: 18px
    }

    .Newlist .title_box>.en {
        font-size: 12px
    }
}

.Team .title_box {
    text-align: center
}

.Team .text {
    font-size: 12px;
    color: #a1a1a1;
    line-height: 22px
}

.Team .img {
    max-width: 100%
}

@media (max-width:500px) {
    .Team .tit {
        font-size: 14px
    }

    .Team .title_box>.cn {
        font-size: 18px
    }

    .Team .title_box>.en {
        font-size: 12px;
        margin-top: 2px
    }
}

.Banner {
    width: 100%;
    position: relative
}

.Banner .slide_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.Banner .slide {
    height: 100%;
    background-position: 50% 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative
}

.contact_weibo,
.contact_wecat,
.contact_qq {
    display: inline-block;
    position: relative
}

.contact_weibo_add_btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden
}

.contact_wecat_add_img {
    position: absolute;
    right: 0;
    top: 50%;
    max-height: 120px;
    max-width: 120px;
    width: auto;
    height: auto;
    background-color: currentColor;
    -webkit-transform: translate(50%, -50%) scale(0);
    transform: translate(50%, -50%) scale(0);
    padding: 5px;
    border-radius: 2px;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s
}

.contact_wecat:hover .contact_wecat_add_img {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(100%, -50%) scale(1);
    transform: translate(100%, -50%) scale(1)
}

.contact_input_submit {
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s
}

.loadingAnimation-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    background: #fff;
    overflow: hidden;
    text-align: center;
    font-size: 0;
    color: #A88567
}

.loadingAnimation-wrap.out {
    opacity: 0;
    -webkit-transition: .5s .5s;
    transition: .5s .5s;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.loadingAnimation-wrap.out .loadingAnimationLoop {
    width: 80%;
    -webkit-transform: translateX(-50%) rotate(-80deg);
    transform: translateX(-50%) rotate(-80deg)
}

.loadingAnimation-wrap:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    margin-right: -1px;
    vertical-align: middle
}

.loadingAnimation-wrap .vertical-align-box {
    vertical-align: middle;
    display: inline-block
}

.loadingAnimation-wrap .loadingAnimation {
    position: static;
    margin: 0;
    display: inline-block
}

.loadingAnimation-wrap .tips {
    font-weight: 100;
    text-shadow: 0 5px 5px rgba(5, 191, 250, 0.3)
}

.loadingAnimation-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #fff
}

#loadingAnimation {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999
}

.loadingAnimation {
    margin: -29px 0 0 -49px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 97px;
    height: 58px;
    list-style: none
}

.loadingAnimation .ani_e {
    background-color: #A88567;
    width: 10px;
    height: 10px;
    float: right;
    margin-right: 5px
}

.loadingAnimation .ani_e:first-child {
    -webkit-animation: loadingAnimation-loadbars 1.15s cubic-bezier(.645, .045, .355, 1) infinite 0s;
    animation: loadingAnimation-loadbars 1.15s cubic-bezier(.645, .045, .355, 1) infinite 0s
}

.loadingAnimation .ani_e:nth-child(2) {
    -webkit-animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.23s;
    animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.23s
}

.loadingAnimation .ani_e:nth-child(3) {
    -webkit-animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.46s;
    animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.46s
}

.loadingAnimation .ani_e:nth-child(4) {
    -webkit-animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.69s;
    animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.69s
}

.loadingAnimation .ani_e:nth-child(5) {
    -webkit-animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.92s;
    animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.92s
}

.loadingAnimation .ani_e:nth-child(6) {
    -webkit-animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -1.15s;
    animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -1.15s
}

@-webkit-keyframes loadingAnimation-loadbars {
    0% {
        height: 10px;
        margin-top: 24px
    }

    50% {
        height: 49px;
        margin-top: 0
    }

    100% {
        height: 10px;
        margin-top: 24px
    }
}

@keyframes loadingAnimation-loadbars {
    0% {
        height: 10px;
        margin-top: 24px
    }

    50% {
        height: 49px;
        margin-top: 0
    }

    100% {
        height: 10px;
        margin-top: 24px
    }
}

.loadingAnimationLoop {
    width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg);
    border-radius: 50%;
    -webkit-transition: 1s;
    transition: 1s
}

.loadingAnimationLoop .ani_loop_e {
    width: 50%;
    height: 2px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    position: absolute;
    -webkit-transform-origin: left;
    transform-origin: left;
    list-style: none;
    color: #e5e5e5
}

.loadingAnimationLoop .ani_loop_e:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 100%;
    background-color: currentColor
}

.loadingAnimationLoop .ani_loop_e.over {
    color: #A88567
}

.wow {
    visibility: hidden
}

.paging.error {
    height: auto;
    color: #999
}

.paging.error:before {
    content: "\e60d";
    font-family: "iconfont" !important;
    font-size: 160px
}

.paging.error:after {
    content: '还没有上传内容';
    font-size: 18px;
    display: block
}

.paging.error div {
    display: none
}

.dd_list_wrap>.a {
    pointer-events: none
}

.fixed+.wrapper .Prodetial:first-child {
    padding-top: 80px
}

.hed_1 .menu_btn,
.hed_2 .menu_btn,
.hed_3 .menu_btn,
.hed_4 .menu_btn {
    background: none !important
}
.loadingAnimation-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #fff
}

#loadingAnimation {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999
}

.loadingAnimation {
    margin: -29px 0 0 -49px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 97px;
    height: 58px;
    list-style: none
}

.loadingAnimation li {
    background-color:#A88567 !important;
    width: 10px;
    height: 10px;
    float: right;
    margin-right: 5px !important
}

.loadingAnimation li:first-child {
    -webkit-animation: loadingAnimation-loadbars 1.15s cubic-bezier(.645, .045, .355, 1) infinite 0s;
    animation: loadingAnimation-loadbars 1.15s cubic-bezier(.645, .045, .355, 1) infinite 0s
}

.loadingAnimation li:nth-child(2) {
    -webkit-animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.23s;
    animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.23s
}

.loadingAnimation li:nth-child(3) {
    -webkit-animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.46s;
    animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.46s
}

.loadingAnimation li:nth-child(4) {
    -webkit-animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.69s;
    animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.69s
}

.loadingAnimation li:nth-child(5) {
    -webkit-animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.92s;
    animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -0.92s
}

.loadingAnimation li:nth-child(6) {
    -webkit-animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -1.15s;
    animation: loadingAnimation-loadbars 1.15s ease-in-out infinite -1.15s
}

@-webkit-keyframes loadingAnimation-loadbars {
    0% {
        height: 10px;
        margin-top: 24px
    }

    50% {
        height: 49px;
        margin-top: 0
    }

    100% {
        height: 10px;
        margin-top: 24px
    }
}

@keyframes loadingAnimation-loadbars {
    0% {
        height: 10px;
        margin-top: 24px
    }

    50% {
        height: 49px;
        margin-top: 0
    }

    100% {
        height: 10px;
        margin-top: 24px
    }
}